@charset "UTF-8";
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer { margin: 0; }

body, button, input, select, textarea { font: 12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em, b, i { font-style: normal; }

a { text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; }

a:hover { text-decoration: none; }

img { border: 0; user-select: none; -webkit-user-drag: none; }

button, input, select, textarea { font-size: 100%; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, ul, ol { padding: 0; list-style: none; }

body { padding-top: 42px; background-color: #F5F5F5; }

#afooter { position: relative; z-index: 10; min-width: 1440px; padding: 30px 0; font: normal 12px/19px Tahoma; text-align: center; background-color: #000; }

#afooter, #afooter a { text-decoration: none; color: #c0c0c0; }

.hidden { display: none; font-size: 0; text-indent: -999em; }

.ost { min-width: 1440px; }

@font-face { font-family: 'dinbold'; src: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinbold.eot"); src: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinbold.eot?#iefix") format("embedded-opentype"), url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinbold.woff") format("woff"), url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinbold.ttf") format("truetype"), url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinbold.svg#dinbold") format("svg"); }

@font-face { font-family: 'dinlight'; src: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinlight.eot"); src: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinlight.eot?#iefix") format("embedded-opentype"), url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinlight.woff") format("woff"), url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinlight.ttf") format("truetype"), url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/dinlight.svg#dinlight") format("svg"); }

@font-face { font-family: 'zihun'; src: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/fonts/zihun.ttf"); }

.wrap { position: relative; width: 100%; max-width: 1920px; min-width: 1440px; margin: 0 auto; font-family: 'Microsoft YaHei', 'Helvetica', 'sans-serif'; }

.wrap *, .wrap ::before, .wrap ::after { box-sizing: border-box; }

.module { position: relative; background-repeat: no-repeat; background-position: center top; overflow: hidden; }

.module-inner { position: relative; width: 1240px; margin: 0 auto; }

/* 精灵图 */
.sprites-icon { background: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/sprites-icon.png") no-repeat; }

/* 公用样式 Start */
.btn-status-colorful { display: block; width: 136px; height: 20px; line-height: 20px; margin: 0 auto; font-size: 12px; text-align: center; color: #fff; background-image: linear-gradient(to right, #ce2c36, #ff3135); }

.btn-status-gray { display: block; width: 136px; height: 20px; line-height: 20px; margin: 0 auto; font-size: 12px; text-align: center; color: #494949; background-color: #d3d4da; pointer-events: none; }

.base-swiper-btn { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 25px; border: 1px solid #fff; }

.base-swiper-btn:not(:first-of-type) { margin-left: 10px; }

.base-swiper-btn:hover { background: #fff; }

.base-swiper-btn:hover .icon { fill: #e81548; }

.base-swiper-btn .icon { width: 10px; height: 14px; fill: #fff; }

.base-sort-list { display: flex; }

.base-sort-list li { display: flex; justify-content: center; position: relative; flex: 1; height: 30px; line-height: 20px; border-bottom: 1px solid #2e323f; font-size: 16px; text-align: center; color: #2e303f; }

.base-sort-list li::after { content: ''; display: none; position: absolute; bottom: -1px; left: 0; z-index: 2; width: 100%; height: 3px; background: #fe003f; }
/* background-image: linear-gradient(to right, #11cbc9, #11cbc9); */

.base-sort-list li.on { font-weight: bold; }

.base-sort-list li.on::after { display: block; }

.base-sort-list li a { flex: 1; color: inherit; }

.base-sort-list li.on a { color: #fe003f; }

.base-swiper-card { position: relative; }

.base-swiper-card .card-list { display: flex; }

.base-swiper-card .card-item { position: relative; width: 102px; text-align: center; }

.base-swiper-card .card-item:not(:last-of-type) { margin-right: calc(240px / 9.5); }

/* .base-swiper-card .card-item .image { display: flex; justify-content: center; align-items: center; width: 110px; height: 110px; border-radius: 50%; border: 1px solid #81d6d3; overflow: hidden; } */
.base-swiper-card .card-item .image { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; }

.base-swiper-card .card-item .image img { display: block; width: 100px; height: 100px; object-fit: cover; }

.base-swiper-card .card-item .text { line-height: 20px; margin-top: 10px; font-size: 14px; color: #2e303f; }

/* 公用样式 End */
/* 禁止点击 */
.gray { filter: grayscale(1); pointer-events: none; }

/* 通用标题 */
.base-title { display: flex; align-items: center; position: relative; padding-left: 12px; }

.base-title::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #ce2c36; }

.base-title .title { line-height: 30px; font-family: 'zihun'; font-size: 28px; letter-spacing: -5px; }

.base-title .icon { width: 14px; height: 11px; margin-left: 11px; fill: #f53228; }

.base-title .desc { flex: 1; max-width: 620px; line-height: 30px; margin-left: 30px; font-weight: bold; font-size: 22px; color: #2e303f; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* 通用滚动条 */
.base-scroll { overflow: auto; }

.base-scroll::-webkit-scrollbar-track { background-color: #d3d4da; }

.base-scroll::-webkit-scrollbar { width: 5px; background-color: #d3d4da; }

.base-scroll::-webkit-scrollbar-thumb { background-image: linear-gradient(to right, #ce2c36, #ff3135); }

/* 侧边导航 */
.fixed-sidebar { display: none; position: fixed; top: 50%; right: 30px; z-index: 99; width: 180px; height: 499px; padding-top: 90px; transform: translateY(-50%); }

.fixed-sidebar .backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/summer/fixed-sidebar-bg.png"); filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.3)); }

.fixed-sidebar .nav-list { backdrop: column; justify-content: space-between; align-items: center; position: relative; height: 260px; text-align: center; padding-top: 5px; box-sizing: border-box; }

.fixed-sidebar .nav-list li { display: flex; width: 100%; margin-left: -5px; height: 40px; line-height: 40px; }

.fixed-sidebar .nav-list li:hover a, .fixed-sidebar .nav-list li.active a { font-weight: bold; color: #fe003f; }

.fixed-sidebar .nav-list li a { flex: 1; font-size: 16px; color: #797979; }

.fixed-sidebar .nav-top { position: absolute; bottom: 90px; left: 50%; width: 38px; height: 42px; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/icon-top.png"); background-position: center top; background-repeat: no-repeat; transform: translateX(-50%); }

/* 首屏 */
.module-1 { background-size: 100% 80% }


.module-1 .slogan { position: absolute; top: 559px; left: 50%; width: 1005px; height: 153px; transform: translateX(-52%); background: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/module1-slogan.png) no-repeat; }

.module-1 .headline { position: absolute; top: 34px; left: 50%; width: 991px; height: 86px; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/module1-headline.png"); margin-left: -455px; }

.module-1 .headline .btn-lpl-logo{display: block; width: 266px; height: 86px;}

.module-1 .partner { position: absolute; bottom: 0; left: 50%; width: 1920px; height: 304px; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/module1-partner.png"); background-repeat: no-repeat; background-position: center center; transform: translateX(-50%); }

.module-2 { padding: 60px 0; background: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/summer/module2-bg.jpg) no-repeat; background-size: 100% 100%; }

.match-flex-wrap { display: flex; justify-content: space-between; }

/* 赛事直播 */
.match-live { flex: 0 0 780px; }

.match-live .live-wrap { position: relative; height: 440px; margin-top: 30px; }

.match-live .live-wrap:hover .btn-live { opacity: 1; }

.match-live .live-player { height: 100%; background-color: #000; }

.match-live .btn-live { position: absolute; top: 50%; left: 50%; z-index: 999; width: 220px; height: 50px; font-size: 0; text-indent: -999em; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/btn-live.png"); background-repeat: no-repeat; background-position: center center; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s linear; }

/* 赛程 */
.match-stage { flex: 0 0 442px; max-width: 442px; }

.match-stage .stage-wrap { position: absolute; top: 0; right: 40px; width: 260px; height: 30px; }

.match-stage .stage-wrap .swiper-slide { position: relative; width: 130px; height: 30px; border-bottom: 1px solid #2e303f; }

.match-stage .stage-wrap .swiper-slide::after { content: ''; display: none; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #fe003f; }
/* background-image: linear-gradient(to right, #11cbc9, #11cbc9); */

.match-stage .stage-wrap .swiper-slide.active::after { display: block; }

.match-stage .stage-wrap .swiper-slide.active .text { font-weight: bold; color: #fe003f; }

.match-stage .stage-wrap .swiper-slide .text { display: block; line-height: 25px; font-size: 16px; text-align: center; white-space: nowrap; color: #2e303f; }

.match-stage .stage-wrap .swiper-control { position: absolute; top: 0; right: -40px; width: 340px; height: 30px; }

.match-stage .stage-wrap .swiper-control .stage-btn-prev, .match-stage .stage-wrap .swiper-control .stage-btn-next { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; width: 30px; height: 30px; border: 2px solid #c1c1c1; fill: #c1c1c1; }

.match-stage .stage-wrap .swiper-control .stage-btn-prev { left: 0; border-radius: 10px 0 10px 0; }

.match-stage .stage-wrap .swiper-control .stage-btn-next { right: 0; border-radius: 0 10px 0 10px; }

.match-stage .stage-content { position: relative; margin-top: 30px; }

.match-stage .date-tab { position: relative; width: 398px; height: 46px; overflow: hidden; }

.match-stage .date-tab-list { display: flex; position: absolute; top: 0; left: 0; }

.match-stage .date-tab-list li { display: flex; flex: 0 0 98px; width: 98px; height: 46px; margin-right: 2px; background-color: #744650; }

.match-stage .date-tab-list li.active { background-image: linear-gradient(to right, #ce2c36, #ff3135); }

.match-stage .date-tab-list li a { flex: 1; height: 46px; line-height: 46px; font-size: 16px; text-align: center; color: #fff; }

.match-stage .date-control { display: flex; justify-content: space-between; position: absolute; top: 0; right: 0; width: 42px; height: 46px; }

.match-stage .date-control .date-btn-prev, .match-stage .date-control .date-btn-next { display: flex; justify-content: center; align-items: center; width: 20px; height: 46px; background-color: #744650; fill: #fff; }

.match-stage .date-control .date-btn-prev:hover, .match-stage .date-control .date-btn-next:hover { background-image: linear-gradient(to right, #ce2c36, #ff3135); }

.match-stage .mv-vod-list { height: 384px; margin-top: 10px; padding-right: 10px; }

.match-stage .mv-vod-list > li { position: relative; min-height: 96px; padding: 13px 0; border-bottom: 1px solid #e0e0e0; }

.match-stage .mv-vod-list > li:last-of-type { border-bottom: none; }

.match-stage .mv-vod-list > li.coming { color: #d3d2d7; }

.match-stage .mv-vod-list > li.coming .team-score .score-item { background-image: linear-gradient(to bottom, #D3D4DA 50%, #8B8B8B 50%); }

.match-stage .mv-vod-list > li.conduct { color: #f53228; }

.match-stage .mv-vod-list > li.conduct .proceed { display: block; }

.match-stage .mv-vod-list > li.conduct .team-score .score-item { background-image: linear-gradient(90deg, #e81247 1%, #e81247 59%, #e81247 100%), linear-gradient(#e81247, #e81247); background-blend-mode: normal, normal; }

.match-stage .mv-vod-list > li.ending { color: #333333; }

.match-stage .mv-vod-list > li.ending .team-score .score-item { background-image: linear-gradient(to bottom, #444B5D 50%, #272C39 50%); }

.match-stage .mv-vod-list .proceed { display: none; position: absolute; top: 0; left: 0; width: calc(100% + 10px); height: 100%; overflow: hidden; }

.match-stage .mv-vod-list .proceed::after { content: ''; position: absolute; top: 0; left: 50%; width: 473px; height: 100%; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/proceed-large.png"); transform: translateX(-50%); background-size: auto 100%; animation: backdrop-move1 3s linear infinite; }

.match-stage .mv-vod-list .match-message { display: flex; position: relative; }

.match-stage .mv-vod-list .match-time { flex: 0 0 100px; text-align: center; }

.match-stage .mv-vod-list .match-time .date { line-height: 20px; font-size: 12px; }

.match-stage .mv-vod-list .match-time .time { line-height: 30px; font-weight: bold; font-size: 28px; }

.match-stage .mv-vod-list .match-time .status { line-height: 20px; font-size: 12px; }

.match-stage .mv-vod-list .match-team { flex: 1; display: flex; justify-content: center; align-items: center; }

.match-stage .mv-vod-list .match-team .team-logo { width: 50px; height: 50px; }

.match-stage .mv-vod-list .match-team .team-logo .team-logo-box { width: 50px; margin: auto; height: 50px; }

.match-stage .mv-vod-list .match-team .team-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }

.match-stage .mv-vod-list .match-team .team-logo .team-name { text-align: center; text-align: center; font-family: 'dinbold'; font-size: 14px; white-space: nowrap; }

.match-stage .mv-vod-list .team-score { display: flex; justify-content: space-between; align-items: center; position: relative; line-height: 34px; min-height: 40px; margin-bottom: 10px; }

.match-stage .mv-vod-list .team-score .dot { margin: 0 5px; font-weight: bold; font-size: 24px; }

.match-stage .mv-vod-list .team-score .score-item { width: 30px; height: 34px; border-radius: 3px; font-weight: bold; font-size: 24px; text-align: center; color: #fff; }

.match-stage .mv-vod-list .team-score .team-name { width: 60px; font-weight: bold; font-size: 14px; line-height: 20px; }

.match-stage .mv-vod-list .team-score .team-name:first-of-type { text-align: right; }

.match-stage .mv-vod-list .score-result { display: flex; justify-content: space-between; position: absolute; top: 50%; left: 50%; width: 80px; transform: translate(-50%, -50%); }

.match-stage .mv-vod-list .team-message { min-width: 220px; }

.match-stage .mv-vod-list .vs-tag { display: flex; justify-content: center; }

.match-stage .mv-vod-list .vs-tag a { display: flex; justify-content: center; align-items: center; position: relative; height: 21px; margin-right: 24px; border-top: 1px solid; border-bottom: 1px solid; color: #252a36; }

.match-stage .mv-vod-list .vs-tag a:nth-of-type(3n) { margin-right: 0; }

.match-stage .mv-vod-list .vs-tag a::before, .match-stage .mv-vod-list .vs-tag a::after { content: ''; position: absolute; top: 2px; z-index: 2; width: 15px; height: 15px; }

.match-stage .mv-vod-list .vs-tag a::before { left: -8px; border-top: 1px solid; border-left: 1px solid; color: #252a36; transform: rotate(-45deg); }

.match-stage .mv-vod-list .vs-tag a::after { right: -8px; border-right: 1px solid; border-bottom: 1px solid; color: #252a36; transform: rotate(-45deg); }

.match-stage .mv-vod-list .vs-tag a:hover { color: #ff003f; }

.match-stage .mv-vod-list .vs-tag a:hover::before, .match-stage .mv-vod-list .vs-tag a:hover::after { color: #ff003f; }

.match-stage .mv-vod-list .vs-tag a:hover .text { color: #fff; background: #ff003f; }

.match-stage .mv-vod-list .vs-tag a:hover .text::before { border-right-color: #ff003f; }

.match-stage .mv-vod-list .vs-tag a:hover .text::after { border-left-color: #ff003f; }

.match-stage .mv-vod-list .vs-tag a .text { position: relative; height: 17px; line-height: 17px; font-size: 12px; }

.match-stage .mv-vod-list .vs-tag a .text::before, .match-stage .mv-vod-list .vs-tag a .text::after { content: ''; position: absolute; top: 0; z-index: 2; width: 17px; height: 17px; border: 8.5px solid transparent; }

.match-stage .mv-vod-list .vs-tag a .text::before { left: -17px; }

.match-stage .mv-vod-list .vs-tag a .text::after { right: -17px; }

.match-stage .mv-vod-list .match-video-wrap { display: none; position: relative; margin-top: 10px; }

.match-stage .mv-vod-list .match-video-wrap .match-video-sw { position: relative; width: 400px; height: 118px; margin: 0 auto; overflow: hidden; }

.match-stage .mv-vod-list .match-video-wrap .matchsw { display: flex; position: absolute; top: 0; left: 0; width: 999999px; height: 118px; margin: 0 auto; overflow: hidden; }

.match-stage .mv-vod-list .match-video-wrap .matchsw li { float: left; width: 129px; height: 118px; margin-left: 8px; }

.match-stage .mv-vod-list .match-video-wrap .matchsw li:first-of-type { margin-left: 0; }

.match-stage .mv-vod-list .match-video-wrap .matchsw li:hover .image .shade { opacity: 1; }

.match-stage .mv-vod-list .match-video-wrap .matchsw li:hover .text { color: #fe003f; }

.match-stage .mv-vod-list .match-video-wrap .matchsw .image { position: relative; width: 128px; height: 72px; }

.match-stage .mv-vod-list .match-video-wrap .matchsw .image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.match-stage .mv-vod-list .match-video-wrap .matchsw .image .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/video-sahde.png"); background-size: cover; opacity: 0; transition: all 0.3s; }

.match-stage .mv-vod-list .match-video-wrap .matchsw .text { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 128px; height: 35px; margin-top: 5px; font-size: 12px; text-align: left; color: #343a4c; transition: all 0.3s; }

.match-stage .mv-vod-list .match-video-wrap .match-sw-prev, .match-stage .mv-vod-list .match-video-wrap .match-sw-next { display: flex; align-items: center; position: absolute; top: 0; width: 12px; height: 72px; }

.match-stage .mv-vod-list .match-video-wrap .match-sw-prev .icon, .match-stage .mv-vod-list .match-video-wrap .match-sw-next .icon { width: 10px; height: 14px; fill: #272c39; }

.match-stage .mv-vod-list .match-video-wrap .match-sw-prev { justify-content: flex-start; left: 0; }

.match-stage .mv-vod-list .match-video-wrap .match-sw-next { justify-content: flex-end; right: 0; }

/* 广告图 */
.lpl-middle-advt { display: none; height: 110px; margin-top: 40px; background-color: #d3d3d3; }

.lpl-middle-advt img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* 赛事购票 */
.match-ticket { position: relative; margin-top: 40px; }

.match-ticket .ticket-list { display: flex; margin-top: 30px; }

.match-ticket .ticket-list li { width: 190px; }

.match-ticket .ticket-list .image { position: relative; height: 120px; }

.match-ticket .ticket-list .image img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* 赛事进度 */
.match-progress { position: relative; max-height: 1028px; margin-top: 60px; }

.match-progress .lpl_progress_nav { display: flex; position: absolute; top: 0; right: 0; width: 1000px; height: 30px; }

.match-progress .lpl_progress_nav li { display: flex; position: relative; width: 200px; height: 30px; line-height: 22px; border-bottom: 1px solid #444b5d; text-align: center; }

.match-progress .lpl_progress_nav li::after { content: ''; display: none; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #fe003f; }
/* background-image: linear-gradient(to right, #11cbc9, #11cbc9); */

.match-progress .lpl_progress_nav li:hover::after, .match-progress .lpl_progress_nav li.on::after { display: block; }

.match-progress .lpl_progress_nav li:hover a, .match-progress .lpl_progress_nav li.on a { font-weight: bold; }

.match-progress .lpl_progress_nav a { flex: 1; font-size: 16px; color: #2e323f; }

.match-progress .lpl_match_progress{min-height: 470px;}

.match-progress .date-tab { position: relative; width: 398px; height: 46px; overflow: hidden; }

.match-progress .date-tab-list { display: flex; position: absolute; top: 0; left: 0; }

.match-progress .date-tab-list li { display: flex; flex: 0 0 98px; width: 98px; height: 46px; margin-right: 2px; background-color: #444b5d; }

.match-progress .date-tab-list li.active { background-image: linear-gradient(to right, #ce2c36, #ff3135); }

.match-progress .date-tab-list li a { flex: 1; height: 46px; line-height: 46px; font-size: 16px; text-align: center; color: #fff; }

.match-progress .date-control { display: flex; justify-content: space-between; position: absolute; top: 0; right: 0; width: 42px; height: 46px; }

.match-progress .date-control .date-btn-prev, .match-progress .date-control .date-btn-next { display: flex; justify-content: center; align-items: center; width: 20px; height: 46px; background-color: #444b5d; fill: #fff; }

.match-progress .date-control .date-btn-prev:hover, .match-progress .date-control .date-btn-next:hover { background-image: linear-gradient(to right, #ce2c36, #ff3135); }

/* 春季常规赛 - 夏季常规赛 */
.progress-1 { position: relative; float: left; width: 693px; }

.progress-2 { float: right; width: 529px; }

.week-type-box { position: relative; width: 649px; overflow: hidden; }

.week-type { display: flex; position: relative; width: 99999px; height: 46px; text-align: center; }

.week-type a { flex: 0 0 91px; width: 91px; height: 46px; line-height: 46px; margin-right: 2px; border: 1px solid #2e303f; font-size: 16px; color: #2e303f; }

.week-type a:hover { filter: brightness(1.1); }

.week-type a.on { border: 1px solid #f53228; color: #fff; background-image: linear-gradient(to right, #ce2c36, #ff3135); }

.week-type a:last-of-type { margin-top: 0; }

.week-type-control { display: flex; position: absolute; top: 0; right: 0; }

.week-type-control .btn-prev, .week-type-control .btn-next { display: flex; justify-content: center; align-items: center; width: 20px; height: 46px; margin-left: 2px; fill: #fff; background-color: #744650; }

.week-type-control .btn-prev:hover, .week-type-control .btn-next:hover { background-image: linear-gradient(to right, #ce2c36, #ff3135); }

.progress-scroll-wrap { position: relative; height: 515px; background: #fff; }

.match-list { position: relative; padding: 0 30px; overflow: hidden; }

.match-list li { display: flex; position: relative; height: 129px; padding: 26px 0; }

.match-list li:not(:last-of-type)::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 100%; height: 1px; background-color: #e0e0e0; transform: translateX(-50%); }

.match-list li.match-ending { color: #2e303f; }

.match-list li.match-coming { color: #cccccc; }

.match-list li.match-conduct { color: #F53228; }

.match-list li.match-conduct .proceed { display: block; }

.match-list .proceed { display: none; position: absolute; top: 0; left: 50%; width: 690px; height: 100%; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/proceed-large.png"); transform: translateX(-50%); animation: backdrop-move 3s linear infinite; }

.match-list .match-time { flex: 0 0 130px; text-align: center; }

.match-list .match-time .date { line-height: 20px; font-family: 'dinlight'; font-weight: bold; font-size: 14px; }

.match-list .match-time .time { line-height: 40px; font-family: 'dinbold'; font-size: 42px; }

.match-list .match-time .status { line-height: 20px; font-family: 'dinlight'; font-weight: bold; font-size: 14px; }

.match-list .match-score { flex: 1; display: flex; justify-content: center; align-items: center; }

.match-list .match-score .team-item { flex: 1; line-height: 24px; font-weight: bold; font-size: 20px; }

.match-list .match-score .team-item:first-of-type { text-align: right; }

.match-list .match-score .score-item { position: relative; width: 40px; height: 50px; line-height: 45px; border-radius: 5px; font-family: 'dinbold'; font-size: 42px; text-align: center; color: #b9b9b9; background-image: linear-gradient(to bottom, #494949 50%, #3B3B3B 50%); }

.match-list .match-score .score-item.victory { color: #fff; }

.match-list .match-result { display: flex; justify-content: space-between; flex: 0 0 100px; width: 100px; margin: 0 20px; }

.match-list .video-item { flex: 0 0 160px; display: flex; justify-content: center; align-items: center; }

.macth-box { margin-top: 30px; }

.team-scoreboard .scoreboard-head { height: 102px; text-align: center; background: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/summer/scoreboard-head-bg.png) no-repeat; }

.team-scoreboard .scoreboard-head .td { height: 42px; line-height: 42px; font-weight: bold; font-size: 16px; color: #fff; }

.team-scoreboard .scoreboard-title { display: flex; justify-content: center; width: 480px; height: 60px; margin: 0 auto; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.team-scoreboard .scoreboard-title span { display: inline-flex; align-items: center; font-family: 'zihun'; font-size: 28px; color: #fff; }

.team-scoreboard .scoreboard-title span::before, .team-scoreboard .scoreboard-title span::after { content: ''; display: inline-block; width: 9px; height: 9px; margin: 0 8px; background-color: #fff; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }

.team-scoreboard .tr { display: flex; padding-right: 9px; }

.team-scoreboard .td { flex: 1; text-align: center; }

.team-scoreboard .td:nth-of-type(2) { flex: 2; }

.team-scoreboard .scoreboard-scroll { height: 456px; margin-top: 3px; padding-right: 4px; background-color: #fff; }

.team-scoreboard .match-rank-list { overflow: hidden; }

.team-scoreboard .match-rank-list li { display: flex; position: relative; height: 90px; margin-bottom: 1px; overflow: hidden; }

.team-scoreboard .match-rank-list li:not(:last-of-type)::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 90%; height: 1px; background-color: #e0e0e0; transform: translateX(-50%); }

.team-scoreboard .match-rank-list li:nth-of-type(1)::before { background-image: linear-gradient(to right, #ce2c36, #ff3135); }

.team-scoreboard .match-rank-list li:nth-of-type(2)::before { background-image: linear-gradient(to right, #d8565e, #ff5a5d); }

.team-scoreboard .match-rank-list li:nth-of-type(3)::before { background-image: linear-gradient(to right, #ebabaf, #ffadae); }

.team-scoreboard .match-rank-list li:nth-of-type(-n + 3)::after { display: none; }

.team-scoreboard .match-rank-list li:nth-of-type(-n + 3)::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.team-scoreboard .match-rank-list li:nth-of-type(-n + 3) .top-rank { font-family: 'dinbold'; font-style: italic; font-size: 52px; color: #fff; }

.team-scoreboard .match-rank-list li:nth-of-type(-n + 3) .match-rank-team { color: #fff; }

.team-scoreboard .match-rank-list li:nth-of-type(-n + 3) .match-rank-rult .centline { color: #fff; }

.team-scoreboard .match-rank-list li:nth-of-type(-n + 3) .match-rank-rult .win, .team-scoreboard .match-rank-list li:nth-of-type(-n + 3) .match-rank-rult .lost { color: #fff; }

.team-scoreboard .match-rank-list li:nth-of-type(-n + 3) .integrate { color: #fff; }

.team-scoreboard .match-rank-list li .td { display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 20px; position: relative; }

.team-scoreboard .match-rank-list .match-rank-team { display: flex; width: 200px; align-items: center; margin-left: 0px; }

.team-scoreboard .match-rank-list .match-rank-team .team-logo { flex: 0 0 60px; height: 50px; }

.team-scoreboard .match-rank-list .match-rank-team .team-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }

.team-scoreboard .match-rank-list .match-rank-team .team-name { height: 60px; line-height: 60px; margin-left: 10px; font-family: 'dinbold'; font-size: 15px; }

.team-scoreboard .match-rank-rult { display: flex; }

.team-scoreboard .match-rank-rult .centline { margin: 0 5px; color: #262733; }

.team-scoreboard .match-rank-rult .win { color: #ff003f; }

.team-scoreboard .match-rank-rult .lost { color: #ff003f; }

/* 六边形按钮 */
.base-btn { display: flex; justify-content: center; align-items: center; position: relative; height: 34px; margin: 0 21px; padding: 0 2px; border-top: 1px solid; border-bottom: 1px solid; color: #252a36; }

.base-btn.btn-data { color: #f63440; }

.base-btn.btn-data::before, .base-btn.btn-data::after { color: #f63440; }

.base-btn.btn-data .text { color: #f63440; }

.base-btn.btn-data:hover .text { color: #fff; background: rgba(254, 0, 63, 0.7); }

.base-btn.btn-data:hover .text::before { border-right-color: rgba(254, 0, 63, 0.7); }

.base-btn.btn-data:hover .text::after { border-left-color: rgba(254, 0, 63, 0.7); }

.base-btn.btn-video { color: #F53228; }

.base-btn.btn-video::before, .base-btn.btn-video::after { color: #F53228; }

.base-btn.btn-video .text { color: #F53228; }

.base-btn.btn-video:hover .text { color: #fff; background: #fe003f; }

.base-btn.btn-video:hover .text::before { border-right-color: #fe003f; }

.base-btn.btn-video:hover .text::after { border-left-color: #fe003f; }

.base-btn::before, .base-btn::after { content: ''; position: absolute; top: 4px; z-index: 2; width: 24px; height: 24px; }

.base-btn::before { left: -12px; border-top: 1px solid; border-left: 1px solid; color: #252a36; transform: rotate(-45deg); }

.base-btn::after { right: -12px; border-right: 1px solid; border-bottom: 1px solid; color: #252a36; transform: rotate(-45deg); }

.base-btn:hover { color: #f53228; }

.base-btn:hover::before, .base-btn:hover::after { color: #f53228; }

.base-btn:hover .text { color: #fff; background: #f53228; }

.base-btn:hover .text::before { border-right-color: #f53228; }

.base-btn:hover .text::after { border-left-color: #f53228; }

.base-btn .text { position: relative; height: 28px; line-height: 28px; padding: 0 2px; font-size: 14px; }

.base-btn .text::before, .base-btn .text::after { content: ''; position: absolute; top: 0; z-index: 2; width: 28px; height: 28px; border: 14px solid transparent; }

.base-btn .text::before { left: -28px; }

.base-btn .text::after { right: -28px; }

.btn-nostart{width: 134px; height: 36px; background-position: 0 -310px; text-align: center; font-size: 14px; line-height: 36px; color: #666666;}
.btn-matching{width: 134px; height: 36px; background-position: 0 -365px; text-align: center; font-size: 14px; line-height: 36px; color: #f53228;}

.module-3 { position: relative; background: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/summer/module3-bg.jpg) no-repeat; min-height: 220px; max-height: 768px; padding: 30px 0 58px; overflow: visible; }

/* 历史对局 */
.match-historical { position: relative; }

.match-historical .selectBox { position: absolute; top: 4px; right: 0px; display: flex; width: 117px; height: 26px; background-image: linear-gradient(90deg, #ce2c36 0%, #ff3135 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; font-size: 16px; line-height: 25px; color: #fff; text-indent: 6px; cursor: pointer; }

.match-historical .selectBox #inptSelect { width: 100%; padding-left: 2px; }

.match-historical .selectBox .ww_btn_Dropdown_arrow { width: 9px; height: 6px; background-position: -60px -239px; display: block; position: absolute; top: 50%; right: 10px; margin-top: -3px; pointer-events: none; transition: all 0.3s ease; }

.match-historical .selectBox .ww_btn_Dropdown_arrow.rotate { transform: rotate(-180deg); }

.match-historical .selectBox .optionDiv { width: 100%; background: #fff; margin-top: 25px; position: absolute; z-index: 100; border-radius: 2px; height: 0; overflow: hidden; }

.match-historical .selectBox .optionDiv ul li { cursor: pointer; height: 26px; line-height: 25px; color: #fff; background-image: linear-gradient(90deg, #ce2c36 0%, #ff3135 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; }

.match-historical .selectBox .optionDiv.ulShow { height: auto; }

.match-historical .historical-sort { display: flex; position: absolute; top: 0; right: 204px; }

.match-historical .historical-sort a { position: relative; width: 410px; height: 30px; line-height: 20px; border-bottom: 1px solid #262626; font-size: 16px; color: #262626; text-align: center; }

.match-historical .historical-sort a::after { content: ''; display: none; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #fa3f56; }
/* background-image: linear-gradient(to right, #11cbc9, #11cbc9); */

.match-historical .historical-sort a:hover, .match-historical .historical-sort a.on { font-weight: bold; }

.match-historical .historical-sort a:hover::after, .match-historical .historical-sort a.on::after { display: block; }

.match-historical .data-table { position: relative; margin-top: 30px; border-radius: 5px; color: #2e303f; background-color: #fff; overflow: hidden; }

.match-historical .data-table.fold { height: 68px; }

.match-historical .data-table.fold .tr:not(:first-of-type) { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; }

.match-historical .data-table.fold .tr.on { opacity: 1; visibility: visible; }

.match-historical .data-table.fold .td.menu-switch::after { content: ''; position: absolute; right: 0; bottom: 0; border: 4px solid transparent; border-right-color: #F53228; border-bottom-color: #F53228; }

.match-historical .data-table .tr { display: flex; height: 34px; line-height: 34px; }

.match-historical .data-table .tr:not(:first-of-type) { border-top: 1px solid rgba(204, 204, 204, 0.4); }

.match-historical .data-table .tr.active { background-color: rgba(249, 62, 80, 0.12); }

.match-historical .data-table .td { position: relative; width: 62px; height: 34px; line-height: 34px; margin-right: 1px; text-align: center; cursor: pointer; }

.match-historical .data-table .td:last-of-type { margin-right: 0; }

.match-historical .data-table .td:not(:first-of-type)::before { content: ''; position: absolute; top: 50%; left: -1px; width: 1px; height: 12px; background-color: rgba(204, 204, 204, 0.4); transform: translateY(-50%); }

.match-historical .data-table .td:hover .btn-view { opacity: 1; visibility: visible; }

.match-historical .data-table .td.active { background-color: rgba(249, 62, 80, 0.12); }

.match-historical .team-logo { display: flex; justify-content: center; align-items: center; height: 100%; }

.match-historical .team-logo img { display: block; width: auto; height: 90%; object-fit: cover; }

.match-historical .btn-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; }

.match-historical .btn-view .icon-video { position: absolute; top: 4px; right: 4px; width: 10px; height: 10px; border-radius: 2px; background-image: linear-gradient(to right, #ce2c36, #ff3135); overflow: hidden; }

.match-historical .btn-view .icon-video::after { content: ''; position: absolute; top: 50%; left: 50%; margin-left: 2px; border: 3px solid transparent; border-left: 5px solid #fff; transform: translate(-50%, -50%); }

.match-historical .data-score { font-weight: bold; }

.match-historical .data-score span { font-size: 14px; }

.match-historical .status-red { color: #f53228; }

.match-historical .status-green { color: #5c9a68; }

.match-historical .status-orange { color: #ff7f39; }

.data-table-switch { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 20px; left: 50%; font-weight: bold; font-size: 14px; color: rgba(38, 38, 38, 0.8); cursor: pointer; }

.data-table-switch.open .icon { transform: scaleY(-1); }

.data-table-switch .icon { width: 11px; height: 7px; margin-left: 6px; fill: rgba(38, 38, 38, 0.8); }

.data-table-menu { display: none; position: absolute; top: 94px; left: 0; z-index: 9; border-right: 1px solid rgba(204, 204, 204, 0.4); border-left: 1px solid rgba(204, 204, 204, 0.4); border-bottom: 1px solid rgba(204, 204, 204, 0.4); border-radius: 0 0 8px 8px; background-color: #f2f2f2; overflow: hidden; }

.data-table-menu li { display: flex; justify-content: center; align-items: center; position: relative; width: 62px; height: 34px; border-top: 1px solid rgba(204, 204, 204, 0.4); cursor: pointer; }

.data-table-menu li:first-of-type { border: none; background-color: #fff; }

.data-table-menu li:first-of-type::after { content: ''; position: absolute; right: 0; bottom: 0; border: 4px solid transparent; border-right-color: #F53228; border-bottom-color: #F53228; }

.data-table-menu li:hover .icon-current { opacity: 1; visibility: visible; }

.data-table-menu li img { display: block; width: auto; height: 90%; object-fit: cover; }

.data-table-menu li .icon-current { position: absolute; top: 0; left: 0; z-index: 2; width: 6px; height: 35px; fill: #F53228; opacity: 0; visibility: hidden; }

.module-4 { height: auto; position: relative; padding: 50px 0; background: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/summer/module4-bg.jpg) no-repeat; background-size: 100% 100%; }

/* 数据榜单 */
.match-ranklist { position: relative; height: 660px; margin-bottom: 60px; }

/* 数据榜单 - 英雄排行榜 */
.hero-list { position: absolute; top: 0; left: 0; width: 660px; height: 400px; }

.hero-list .hero-sort { display: flex; position: absolute; top: 0; right: 0; width: 360px; }

.hero-list .ranklist { display: none; height: 320px; margin-top: 20px; }

.hero-list .ranklist.active { display: block; }

.hero-list .ranklist li { float: left; width: 65px; font-size: 12px; text-align: center; color: #2e303f; }

.hero-list .ranklist .ranktimes { padding: 10px 0; }

.hero-list .ranklist .rankpct { padding: 10px 0; font-family: 'dinbold'; font-size: 16px; }

.hero-list .ranklist .rankbg { position: relative; width: 20px; height: 178px; margin: 0 auto; background: #e8e8e8; overflow: hidden; }

.hero-list .ranklist .rankshow { position: absolute; bottom: 0; width: 20px; overflow: hidden; height: 0; background-image: linear-gradient(0deg, #e81548 1%, #e81548 59%, #e81548 100%), linear-gradient(#e81548, #e81548); background-blend-mode: normal, normal; }

.hero-list .ranklist img { border-radius: 50%; }

/* 数据榜单 - 个人排行榜 */
.player-list { position: absolute; top: 0; right: 0; width: 560px; height: 660px; overflow: hidden; }

.player-list .player-sort { display: flex; position: absolute; top: 0; right: 0; width: 360px; }

.player-list .cimi-tab-pr { width: 560px; height: 600px; margin-top: 30px; }
/* display: none; */
/* .player-list .cimi-tab-pr.active{display: block;} */

.player-list .cimi-tab-pr .tab-hd-title { width: 100%; height: 40px; }

.player-list .cimi-tab-pr .tab-hd-title li { float: left; width: 88px; height: 40px; line-height: 40px; font-weight: bold; font-size: 14px; text-align: center; color: #ff003f; }

.player-list .cimi-tab-pr .tab-hd-title li:nth-of-type(1) { width: 54px; }

.player-list .cimi-tab-pr .tab-hd-title li:nth-of-type(2) { width: 182px; text-align: left; text-indent: 66px; }

.player-list .cimi-tab-pr .tab-hd-title li:nth-of-type(5) { width: 143px; }

.player-list .cimi-tab-pr .tab-outer { width: 560px; height: 560px; }

.player-list .cimi-tab-pr table { width: 100%; font-size: 14px; color: #2e303f; }

.player-list .cimi-tab-pr table tr { display: flex; position: relative; }

.player-list .cimi-tab-pr table tr:not(:last-of-type)::after { content: ''; position: absolute; left: 60px; bottom: 0; width: 450px; height: 1px; background: #d3d4da; }

.player-list .cimi-tab-pr table td { position: relative; width: 88px; height: 68px; line-height: 68px; text-align: center; }

.player-list .cimi-tab-pr table td.tb-01 { display: flex; justify-content: center; align-items: center; width: 54px; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num { position: relative; width: 38px; height: 23px; line-height: 23px; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num::before, .player-list .cimi-tab-pr table td.tb-01 .rank-num::after { content: ''; position: absolute; left: 0; width: 100%; border: 19px solid transparent; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num::before { top: -29px; border-bottom: 10px solid; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num::after { bottom: -29px; border-top: 10px solid; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num.num-1 { background-color: #fdd77b; color: #f53228; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num.num-1::before { border-bottom-color: #fdd77b; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num.num-1::after { border-top-color: #fdd77b; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num.num-2 { background-color: #dfdfdf; color: #f53228; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num.num-2::before { border-bottom-color: #dfdfdf; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num.num-2::after { border-top-color: #dfdfdf; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num.num-3 { background-color: #e0ba8a; color: #f53228; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num.num-3::before { border-bottom-color: #e0ba8a; }

.player-list .cimi-tab-pr table td.tb-01 .rank-num.num-3::after { border-top-color: #e0ba8a; }

.player-list .cimi-tab-pr table td.tb-01 span { width: 38px; font-family: 'dinbold'; font-size: 18px; }

.player-list .cimi-tab-pr table td.tb-02 { display: flex; align-items: center; width: 182px; padding-left: 35px; }

.player-list .cimi-tab-pr table td.tb-02 img { width: 40px; height: 40px; border-radius: 50%; background-color: #eee; }

.player-list .cimi-tab-pr table td.tb-02 span { margin-left: 10px; }

.player-list .cimi-tab-pr table td.tb-03 { display: flex; align-items: center; }

.player-list .cimi-tab-pr table td.tb-03 img { display: block; width: 36px; height: 36px; line-height: 36px; margin: 0 auto; }

.player-list .cimi-tab-pr table td.tb-04 { position: relative; }

.player-list .cimi-tab-pr table td.tb-05 { width: 143px; }

/* 数据榜单 - 每周最佳阵图 */
.lineup-list { position: absolute; bottom: 0; left: 0; }

.lineup-list .player-card-list { display: flex; margin-top: 30px; min-height: 195px; }

.lineup-list .player-card-list li { position: relative; width: 124px; height: 195px; margin-right: 7px; padding-top: 30px; background-color: #fefefe; }

.lineup-list .player-card-list li.no-data{ background-color: transparent; padding-top: 0; }

.lineup-list .player-card-list .icon-seat { position: absolute; top: 5px; left: 5px; width: 20px; height: 20px; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/seat-sprites.png"); background-repeat: no-repeat; }

.lineup-list .player-card-list .icon-seat.seat-top { background-position: -56px 0; }

.lineup-list .player-card-list .icon-seat.seat-mid { background-position: 0  0; }

.lineup-list .player-card-list .icon-seat.seat-jug { background-position: -26px 0; }

.lineup-list .player-card-list .icon-seat.seat-adc { background-position: -112px 0; }

.lineup-list .player-card-list .icon-seat.seat-sup { background-position: -86px 0; }

.lineup-list .player-card-list .icon-team { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; }

.lineup-list .player-card-list .icon-team img { display: block; width: 100%; height: 100%; object-fit: cover; }

.lineup-list .player-card-list .player-avatar { position: relative; height: 124px; }

.lineup-list .player-card-list .player-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }

.lineup-list .player-card-list .player-name { line-height: 40px; font-size: 12px; text-align: center; color: #2e303f; }

/* 数据榜单 - 赛事视频 */
.match-video { position: relative; }

.match-video .video-sort { position: absolute; top: 0; right: 0; width: 1000px; }

.match-video .video-more { position: absolute; top: 0; right: 0; width: 22px; height: 30px; font-size: 0; text-indent: -999em; overflow: hidden; }

.match-video .video-more::before { content: ''; position: absolute; top: 8px; left: 0; width: 30px; height: 3px; border: 2px dashed #fe003f; }

.match-video .video-list { display: flex; flex-wrap: wrap; margin-top: 30px; }

.match-video .video-list li { width: 235px; height: 235px; margin-top: 20px; margin-right: 16.25px; background: #fff; }

.match-video .video-list li.__nodata{ width: 100%; text-align: center;display: flex; align-items: center;justify-content: center;}

.match-video .video-list li:nth-of-type(-n + 5) { margin-top: 0; }

.match-video .video-list li:nth-of-type(5n) { margin-right: 0; }

.match-video .video-list li:hover .image .shade { background-color: rgba(0, 0, 0, 0.6); }

.match-video .video-list li:hover .image .shade::before { opacity: 1; transform: translateY(0); }

.match-video .video-list li:hover .image .shade::after { opacity: 1; transform: translateY(0); }

.match-video .video-list li:hover .title { color: #fe003f; }

.match-video .video-list .image { position: relative; height: 137px; }

.match-video .video-list .image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.match-video .video-list .image .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s; }

.match-video .video-list .image .shade::before { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 18px; margin-top: -18px; margin-left: -15px; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/sprites-icon.png"); background-position: -241px -102px; transform: translateY(-10px); opacity: 0; transition: all 0.3s linear; }

.match-video .video-list .image .shade::after { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 18px; margin-bottom: -18px; margin-left: -15px; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/sprites-icon.png"); background-position: -241px -151px; transform: translateY(10px); opacity: 0; transition: all 0.3s linear; }

.match-video .video-list .image .time { position: absolute; bottom: 0; right: 0; height: 25px; line-height: 25px; padding: 0 5px; font-size: 12px; color: #fff; }

.match-video .video-list .intro { padding: 10px; }

.match-video .video-list .title { height: 40px; line-height: 20px; font-size: 14px; color: #444b5d; transition: all 0.3s; }

.match-video .video-list .info { display: flex; justify-content: space-between; line-height: 20px; margin-top: 20px; font-size: 12px; color: #444b5d; }

.match-video .video-list .info .view { padding-left: 20px; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/icon-view.png"); background-repeat: no-repeat; background-position: 0 center; }

.module-5 { position: relative; height: 972px; padding: 50px 0; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/summer/module5-bg.jpg"); }

/* 参赛队伍 */
.team-wrap { position: relative; }

.team-wrap .team-list { display: flex; flex-wrap: wrap; margin-top: 40px; }

.team-wrap .team-list li { width: 123px; text-align: center; }

.team-wrap .team-list li:not(:nth-of-type(-n + 10)) { margin-top: 40px; }

/* .team-wrap .team-list li:not(:nth-of-type(10n)) { margin-right: calc(240px / 9.3); } */

.team-wrap .team-list li:hover .image-box { border: 1px solid #fc1e55; }

.team-wrap .team-list li:hover .image-box .image { background-color: #2d2d2d; }

.team-wrap .team-list li:hover .image-box .image img { transform: scale(1.1); }

.team-wrap .team-list li .image-box { display: block; width: 116px; height: 116px; position: relative; border: 1px solid transparent; border-radius: 50%; margin: 0 auto; padding: 10px;}

.team-wrap .team-list li .image { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; padding: 20px; border-radius: 50%; background-color: #fff; overflow: hidden; transition: all 0.3s; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.team-wrap .team-list li .image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }

.team-wrap .team-list li .text { width: 124px; position: absolute; bottom: -28px; left: 50%; margin-left: -62px; line-height: 20px; font-size: 14px; color: #2e303f; }

/* 官方解说 */
.narrate-wrap { position: relative; margin-top: 60px; }

.narrate-wrap .narrate-swiper { margin-top: 40px; }

.narrate-wrap .swiper-control { display: none; position: absolute; top: 0; right: 0; z-index: 2; font-size: 0; }

/* 官方主持人 */
.compere-wrap { position: relative; margin-top: 60px; }

.compere-wrap .compere-swiper { margin-top: 40px; }

.compere-wrap .swiper-control { display: none; position: absolute; top: 0; right: 0; z-index: 2; font-size: 0; }

.module-6 { height: 870px; padding: 60px 0; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/summer/module6-bg.jpg"); }

.module-6 .base-title::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #fff; }

.module-6 .base-title .title { background-image: linear-gradient(to right, #ffff, #fff); }

.module-6 .base-title .icon { fill: #ffff; }

/* 赛事奖金 - 奖金列表 */
.match-wrap { position: relative; margin-top: 50px; }

.match-wrap .ranking-list { position: relative; height: 120px; padding-top: 11px; padding-left: 1040px; }

.match-wrap .ranking-list li { position: relative; }

.match-wrap .ranking-list li::before { content: ''; position: absolute; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/trophy-sprites.png"); background-repeat: no-repeat; }

.match-wrap .ranking-list li:not(:nth-of-type(-n + 3)) { display: inline-flex; height: 20px; line-height: 20px; margin-bottom: 12px; padding-left: 42px; border-left: 2px solid #fceaeb; white-space: nowrap; }

.match-wrap .ranking-list li:not(:nth-of-type(-n + 3))::before { content: ''; top: 1px; left: 10px; width: 19px; height: 18px; background-position: -348px 0; }

.match-wrap .ranking-list li:not(:nth-of-type(-n + 3)) .honor { margin-right: 10px; font-size: 14px; color: #ffffff; }

.match-wrap .ranking-list li:not(:nth-of-type(-n + 3)) .price { width: 100%; font-family: 'dinbold'; font-size: 14px; color: #fcde62; }

.match-wrap .ranking-list li:not(:nth-of-type(-n + 3)) .units { font-size: 14px; color: #ffffff; }

.match-wrap .ranking-list li:nth-of-type(-n + 3) { position: absolute; top: 0; left: 0; width: 320px; height: 100%; margin-bottom: 0; padding-top: 11px; padding-right: 20px; padding-left: 116px; }

.match-wrap .ranking-list li:nth-of-type(-n + 3)::before { top: 11px; left: 0; width: 106px; height: 98px; background-position: 0 0; }

.match-wrap .ranking-list li:nth-of-type(-n + 3) .honor { display: none; }

.match-wrap .ranking-list li:nth-of-type(-n + 3) .price { width: 100%; line-height: 40px; font-family: 'dinbold'; font-size: 40px; color: #fcde62; }

.match-wrap .ranking-list li:nth-of-type(-n + 3) .units { line-height: 30px; font-size: 16px; color: #ffdada; }

.match-wrap .ranking-list li:last-of-type { margin-bottom: 0; }

.match-wrap .ranking-list li:nth-of-type(1) { border-right: 2px solid rgba(243, 243, 243, 0.2); }

.match-wrap .ranking-list li:nth-of-type(2) { left: 360px; border-right: 2px solid rgba(243, 243, 243, 0.2); }

.match-wrap .ranking-list li:nth-of-type(2)::before { background-position: -116px 0; }

.match-wrap .ranking-list li:nth-of-type(3) { left: 720px; }

.match-wrap .ranking-list li:nth-of-type(3)::before { background-position: -232px 0; }

/* 赛事奖金 - 关于LPL */
.about-wrap { position: relative; height: 280px; margin-top: 50px; padding-left: 358px; }

.about-wrap .lpl-logo { position: absolute; top: 105px; left: 0; width: 337px; height: 82px; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/lpl-logo.png"); }

.about-wrap .about-list { position: relative; }

.about-wrap .about-list li { position: relative; }

.about-wrap .about-list li:not(:first-of-type) { margin-top: 40px; }

.about-wrap .about-list li:nth-of-type(2) { width: 600px; }

.about-wrap .about-list .title { line-height: 25px; font-weight: bold; font-size: 24px; color: #fff; }

.about-wrap .about-list .desc { line-height: 20px; margin-top: 18px; font-size: 12px; color: #eeeeee; }

.about-wrap .winner { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0; width: 240px; height: 129px; padding-left: 130px; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/trophy-sprites.png"); background-position: -377px 0; background-repeat: no-repeat; }

.about-wrap .winner .logo { width: 90px; }

.about-wrap .winner .logo img { display: block; width: 100%; height: 100%; object-fit: cover; }

.about-wrap .winner .name { line-height: 20px; margin-top: 10px; font-size: 14px; color: #fff; }

/* 赛事奖金 - 时间表 */
.about-timeline { position: relative; margin-top: 80px; padding-top: 25px; }

.about-timeline .gray { filter: none; background: #ffffff; }

.about-timeline .gray .icon { fill: #e81548; }

.about-timeline .about-swiper { position: relative; margin-top: 40px; padding-top: 5px; }

.about-timeline .about-swiper::before { content: ''; position: absolute; top: 5px; left: 0; width: 100%; height: 7px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.5); }

.about-timeline .timeline-item { position: relative; width: 137px; padding-top: 25px; text-align: center; color: #ffff; cursor: pointer; }

.about-timeline .timeline-item.active { color: #fff; }

.about-timeline .timeline-item.active .icon-circle { padding: 2px; border-color: #fcde62; background-color: #fcde62; }

.about-timeline .timeline-item.active .icon-site { opacity: 1; visibility: visible; }

.about-timeline .timeline-item .icon-circle { position: absolute; top: -5px; left: 50%; width: 17px; height: 17px; padding: 0; border: 3px solid #fff; border-radius: 50%; background-color: #010000; background-clip: content-box; transform: translateX(-50%); }

.about-timeline .timeline-item .icon-site { position: relative; width: 11px; height: 20px; margin: 0 auto; background-image: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/sprites-icon.png"); background-position: -24px -252px; opacity: 0; visibility: hidden; }

.about-timeline .timeline-item .text { line-height: 20px; margin-top: 10px; font-size: 12px; }

.about-timeline .swiper-control { display: none; position: absolute; top: 0; right: 0; z-index: 2; font-size: 0; }

/* 渐变字体 */
.linear-text, .base-title .title { color: #f53228; }

.linear-text2, .base-sort-list li.on, .match-progress .lpl_progress_nav li:hover a, .match-progress .lpl_progress_nav li.on a, .match-historical .historical-sort a:hover, .match-historical .historical-sort a.on { color: #fe003f; }

@supports (-webkit-background-clip: text) { .linear-text, .base-title .title { color: transparent; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to right, #ce2c36, #ff3135); } }

/* 动画 */
@keyframes backdrop-move { 0% { background-position: 0 0; }
  100% { background-position: -690px 0; } }

@keyframes backdrop-move1 { 0% { background-position: 0 0; }
100% { background-position: -517px 0; } }

/* 精灵图 */
/* .spr-icon { background: url("//game.gtimg.cn/images/lpl/act/a20230111lplspring/spr-icon.png") no-repeat; } */

/*
 * 赛事购票
*/
/* 季后赛 */
.spring_playoff_box { position: relative; width: 1260px; margin: 30px auto; }

/* .spring_playoff_box:before {content:'';position:absolute;top:108px;left:262px;width:652px;height:281px;background:url('//game.gtimg.cn/images/lpl/act/a20230111lplspring/against_3.png') no-repeat;} */
.part-box1 { float: left; width: 875px; height: 460px; margin-top: 25px; }

.spring_playoff_box .part2 { margin-top: 99px; }

.spring_playoff_box .part1 li { display: inline-block; *display: inline; *zoom: 1; position: relative; width: 258px; vertical-align: middle; }

.spring_playoff_box .part2 li { display: inline-block; *display: inline; *zoom: 1; position: relative; width: 258px; vertical-align: middle; }

.spring_playoff_box .sign { line-height: 30px; font-size: 12px; color: #797979; }
/* color: #616161; */

/* .spring_playoff_box .sign span { font-size: 12px; color: #9a9a9a; } */

.spring_playoff_box .ing .sign{ color: #f53228; }

.spring_playoff_box .ing .sign span { font-size: 12px; color: #f53228; }

.spring_playoff_box .up { display: inline-block; *display: inline; *zoom: 1; height: 51px; line-height: 51px; margin: 1px 0; font-size: 0; color: #fff; overflow: hidden; }

.spring_playoff_box .up .left { display: inline-block; *display: inline; *zoom: 1; width: 3px; height: 51px; background: #ff5047; }

.spring_playoff_box .up .right { float: right; width: 35px; height: 51px; line-height: 51px; color: #fff; font-family: 'dinbold,microsoft yahei'; font-size: 24px; text-align: center; vertical-align: top; }

.spring_playoff_box .team-names { display: inline-block; *display: inline; *zoom: 1; position: relative; width: 254px; height: 100%; border-left: none; font-size: 14px; color: #262733; background-image: linear-gradient(to right, #ce2c36, #ff3135); vertical-align: top; }

.spring_playoff_box .team-names:after { content: ''; position: absolute; right: 40px; top: 7px; width: 1px; height: 37px; background: #fff; }

.spring_playoff_box .down { display: inline-block; *display: inline; *zoom: 1; width: 262px; height: 51px; line-height: 51px; margin: 1px 0; font-size: 0; color: #616161; overflow: hidden; }

.spring_playoff_box .down .left { display: inline-block; *display: inline; *zoom: 1; width: 3px; height: 51px; background: #cecece; }

.spring_playoff_box .down .right { float: right; width: 35px; height: 51px; line-height: 51px; font-family: 'dinbold,microsoft yahei'; font-size: 24px; text-align: center; color: #797979; background: #e3e3e3; vertical-align: top; }

.spring_playoff_box .down .team-names { background: #e3e3e3; }

.spring_playoff_box .time { line-height: 28px; margin: 10px 0 0; font-size: 12px; color: #797979; }

.spring_playoff_box img { width: 36px; height: 36px; margin: 0 13px; vertical-align: middle; }

.spring_playoff_box .excellent { display: inline-block; *display: inline; *zoom: 1; height: 51px; line-height: 51px; margin: 1px 0; font-size: 0; color: #fff; overflow: hidden; }

.spring_playoff_box .excellent .left { display: inline-block; *display: inline; *zoom: 1; width: 3px; height: 51px; background: #f53228; }

.spring_playoff_box .excellent .right { float: right; width: 35px; height: 51px; line-height: 51px; font-family: 'dinbold,microsoft yahei'; font-size: 24px; text-align: center; color: #262733; background: #fff; vertical-align: top; }

.spring_playoff_box .excellent .team-names { background: #fff; }

.spring_playoff_box .excellent .team-info { color: #797979; }

.spring_playoff_box .excellent .team-names:after { background: #ebebeb; }

.spring_playoff_box .team-info { display: block; width: 100%; height: 100%; font-size: 22px; color: #797979; }

.spring_playoff_box .up .team-info { color: #fff; }

.btns { position: absolute; right: 0; bottom: 0; }

.spring_playoff_box .btns a { display: block; float: left; line-height: 24px; margin-left: 10px; font-size: 12px; text-align: center; }

.spring_playoff_box .btns a:first-child { margin-left: 0; }

.spring_playoff_box .btns .s-data-btn { width: 46px; height: 24px; color: #ff5047; background-position: -185px -206px; }

.spring_playoff_box .btns .s-data-btn:hover { width: 46px; height: 24px; color: #fff; background-position: -185px -236px; }

.spring_playoff_box .btns .s-video-btn { width: 46px; height: 24px; color: #ff5047; background-position: -185px -206px; }

.spring_playoff_box .btns .s-video-btn:hover { width: 46px; height: 24px; color: #fff; background-position: -185px -236px; }

.not_started { display: none; position: absolute; right: 0; bottom: 0; width: 66px; height: 24px; line-height: 24px; font-size: 12px; text-align: center; color: #797979; pointer-events: none; }

.watch_live { display: none; position: absolute; right: 0; bottom: 0; width: 66px; height: 24px; line-height: 24px; font-size: 12px; text-align: center; color: #f53228; background-position: -90px -234px; }

.spring_playoff_box li.come .btns { display: none; }

.spring_playoff_box li.come .not_started { display: block; }

.spring_playoff_box li.ing .btns { display: none; }

.spring_playoff_box li.ing .watch_live { display: block; }

.spring_playoff_box li.line { display: inline-block; *display: inline; *zoom: 1; width: 37px; height: 1px; margin-top: 30px; }

.part-box2 { position: relative; float: left; width: 258px; margin-top: 165px; margin-left: 40px; font-size: 0; vertical-align: middle; }

.spring_playoff_box .part-box2 .come .btns { display: none; }

.spring_playoff_box .part-box2 .come .not_started { display: block; }

.spring_playoff_box .part-box2 .ing .btns { display: none; }

.spring_playoff_box .part-box2 .ing .watch_live { display: block; }

.part-box3 { position: absolute; top: 400px; left: 915px; width: 258px; font-size: 0; vertical-align: middle; }

.spring_playoff_box .part-box3 .come .btns { display: none; }

.spring_playoff_box .part-box3 .come .not_started { display: block; }

.spring_playoff_box .part-box3 .ing .btns { display: none; }

.spring_playoff_box .part-box3 .ing .watch_live { display: block; }

/* 全球总决赛选拔赛 */
.global_selection { width: 880px; height: 470px; margin: 0 auto; padding-top: 160px; overflow: hidden; }

.global_selection.spring_playoff_box:before { display: none; }

.spring_playoff_box.global_selection li.line { display: inline-block; width: 37px; height: 1px; margin-top: -8px; background: #bebebe; }

.global_selection li:nth-of-type(2) { margin: 0 37px; }

/* 2021春季季后赛 */
.m-events-container { display: block; }

.m-events-container2 { display: none; }

.list-col { height: auto; width: 268px; overflow: hidden; float: left; }

.list-col.final { padding-top: 77px; }

.list-col-one { width: 100%; height: auto; margin-bottom: 39px; }

.list-col-one > .info { width: 100%; height: 24px; overflow: hidden; margin-bottom: 3px; }

.list-col-one > .info > .status { float: left; height: 15px; line-height: 15px; padding: 0 2px; font-size: 12px; color: #fff; border-radius: 2px; margin-top: 3px; }

.list-col-one > .info > .time { float: left; height: 15px; line-height: 15px; color: #797979; font-size: 12px; margin-top: 3px; }

.list-col-one > .info > .herf-data, .list-col-one > .info > .herf-order, .list-col-one > .info > .herf-video, .list-col-one > .info > .herf-coming { float: right; text-align: center; box-sizing: border-box; font-size: 12px; height: 24px; width: 46px; position: relative; line-height: 23px; margin-left: 10px; }

.list-col-one > .info > .herf-data { border-color: #444b5d; color: #444b5d; }

.list-col-one > .info > .herf-video.sprites-icon { width: 46px; height: 24px; color: #f53228; background-image: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/sprites3.png); background-position: 0 0px; }

.list-col-one > .info > .herf-coming.sprites-icon { width: 66px; height: 24px; color: #f53228; background-image: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/sprites4.png); background-position: 0 0px; }

.list-col-one > .info > .herf-order.sprites-icon { width: 66px; height: 24px; color: #f53228; background-image: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/sprites4.png); background-position: 0 0px; }

.list-col-one > .info > .herf-data.sprites-icon { width: 46px; height: 24px; color: #f53228; background-image: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/sprites3.png); background-position: 0 0px; }

.list-col-one > .info > .herf-data:hover { color: #fff; background-position: -57px 0px; }

.list-col-one > .info > .herf-video { color: #444b5d; }

.list-col-one > .info > .herf-video:hover { background-position: -57px 0px; color: #fff; }

.list-col-one > .info > .herf-coming:hover { background-position: -77px 0px; color: #fff; }

.list-col-one > .info > .herf-order:hover { background-position: -77px 0px; color: #fff; }

.list-col-one > .team { width: 100%; height: 44px; overflow: hidden; position: relative; font-size: 28px; background-color: #fefefe; background: #e0e0e0; margin-bottom: 5px; }

.list-col-one > .team > .img-wrap { float: left; width: 40px; height: 44px; text-align: center; line-height: 41px; margin-left: 6px; position: relative; }

.list-col-one > .team > .img-wrap::before { content: ''; width: 3px; height: 50px; position: absolute; left: -6px; top: 0; background: #cecece; }

.list-col-one > .team > .img-wrap > img { display: inline-block; vertical-align: middle; *zoom: 1; *display: inline; width: auto; height: auto; max-height: 30px; }

.list-col-one > .team.win { background: #ffffff; }

.list-col-one > .team.win > .img-wrap::before { content: ''; width: 3px; height: 50px; position: absolute; left: -6px; top: 0; background: #e81247; }

.list-col-one > .team.win > .score { color: #e81247; }

.list-col-one > .team.win > .score::before { content: ''; width: 1px; height: 34px; background: #e3e3e3; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.list-col-one > .team > .team-name { position: relative; float: left; font-size: 16px; height: 44px; line-height: 44px; color: #676767; margin-left: 8px; }

.list-col-one > .team > .score { position: relative; float: right; width: 45px; height: 44px; text-align: center; line-height: 44px; color: #797979; }

.list-col-one > .team > .score::before { content: ''; width: 1px; height: 34px; background: #fff; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

/* .list-col-one.now .team:before { content: '\0020'; display: block; background: url(//game.gtimg.cn/images/lpl/act/a20230111lplspring/event-ware-2.png); width: 280px; height: 44px; position: absolute; animation: event-ware 1s linear infinite; -webkit-animation: event-ware 1s linear infinite; } */

.list-col-one.now .team  { background: #ffffff; }
.list-col-one.now .team .score::before{ background: #e3e3e3; }
.list-col-one.now .status { color: #ff003f; }

/* .list-col-one.now .score { background-image: linear-gradient(to bottom, #fc416d, #f53228); } */

.list-col-one.wait .status { background-color: #d3d4da; }

.list-col-one.wait .team { background-color: #fefefe; }

.list-col-one.wait .score { background-color: #d3d4da; }

.match-part-name { width: 100%; height: 35px; line-height: 35px; text-align: left; font-size: 12px; color: #797979; font-weight: 700; box-sizing: border-box; padding-left: 1px; }

.match-part-name .sheaves-num { color: #797979; position: relative; margin-right: 10px; }
/* color: #ff003f; */
.list-col-one.now .match-part-name .sheaves-num{color: #ff003f;}

.match-part-name .sheaves-num::before { content: ''; width: 4px; height: 1px; position: absolute; right: -8px; top: 8px; background: #797979; }
.list-col-one.now .match-part-name .sheaves-num::before{background: #ff003f;}

.narrate-wrap .swiper-control .base-swiper-btn { border: 1px solid #e81548; }

.narrate-wrap .swiper-control .base-swiper-btn .icon { fill: #e81548; }

.narrate-wrap .swiper-control .base-swiper-btn:hover { background: #e81548; }

.narrate-wrap .swiper-control .base-swiper-btn:hover .icon { fill: #e8e8e8; }

.narrate-wrap .swiper-control .gray { filter: none; background: #e81548; }

.narrate-wrap .swiper-control .gray .icon { fill: #e8e8e8; }

/* 21赛季季后赛模板 */
.lpl-play-offs-21 > .lpl-play-offs-21-bubbling > .format { width: 130px; text-align: center; }

.lpl-play-offs-21 > .lpl-play-offs-21-bubbling > .format > .format-name { width: 30px; font-size: 25px; margin: 120px auto 0; color: #2e303f; }

.lpl-play-offs-21 > .lpl-play-offs-21-bubbling > .format > .format-name-both { width: 30px; font-size: 25px; margin: 308px auto 0; color: #2e303f; }

.lpl-play-offs-21 > .lpl-play-offs-21-bubbling { overflow: hidden; }

.lpl-play-offs-21 > .lpl-play-offs-21-bubbling > .list-col > .list-col-one { margin-bottom: -5px; }

.lpl-play-offs-21 > .lpl-play-offs-21-bubbling > .link-0 { width: 171px; height: 185px; margin-top: 79px; }

.list-col > .list-col-one-bothwin { margin: 100px 0 0 0; }

.list-col > .list-col-one-twobothwin { margin: 174px 0 178px 0; }

.list-col > .list-col-one-straightwin { margin: 100px 0 0 0; }

.list-col > .list-col-one-final { margin: 327px 0 0 0; }

.lpl-play-offs-21 > .lpl-play-offs-21-both > .link-0 { height: 191px; }

/* .match-part-name>span { color: #676767; } */
.list-col:nth-child(2n) .list-col-one:nth-child(even) .sheaves-num { margin-right: 0; }

.list-col:nth-child(2n) .list-col-one:nth-child(even) .sheaves-num::before { content: ''; }

.list-col:nth-child(4) .list-col-one:nth-child(4) .sheaves-num { margin-right: 10px; }

.list-col:nth-child(4) .list-col-one:nth-child(4) .sheaves-num::before { content: '-'; }

.list-col:nth-child(4) .list-col-one:nth-child(4) .info { height: 29px; }

.lpl-play-offs-21-bubbling .list-col:nth-of-type(2) .list-col-one:nth-of-type(3) { margin: 55px 0 0 0; }

.lpl-play-offs-21-bubbling .list-col:nth-of-type(2) .list-col-one:nth-of-type(4) { margin: -5px 0 0 0; }

.lpl-play-offs-21-bubbling .list-col:nth-of-type(2) .list-col-one:nth-of-type(5) { margin: 50px 0 0 0; }

.lpl-play-offs-21-bubbling .list-col:nth-of-type(4) .list-col-one:nth-of-type(3) { margin: 136px 0 122px 0; }

.lpl-play-offs-21-bubbling .list-col:nth-of-type(6) .list-col-one:nth-of-type(3) { margin: 267px 0 0 0; }

@keyframes event-ware { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { -webkit-transform: translateX(-28px);
    transform: translateX(-28px); } }

@-webkit-keyframes event-ware { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { -webkit-transform: translateX(-28px);
    transform: translateX(-28px); } }

@keyframes event-ware-2 { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { -webkit-transform: translateX(-42px);
    transform: translateX(-42px); } }

@-webkit-keyframes event-ware-2 { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { -webkit-transform: translateX(-42px);
    transform: translateX(-42px); } }

/* 对战面板 */
.front-box { width: 171px; }

.lpl-play-offs-21-bubbling > .front-box > .link-0 { width: 171px; height: 156px; margin-top: 81px; }

.list-wire, .list-wire2 { width: 122px; }

.link-wirebox { margin-top: 375px; }

.list-wire, .list-wire2 > .link-wirebox { font-size: 0; }

.list-wire > .link-wirebox > .link-wire1 { display: inline-block; width: 64px; height: 155px; border: 1px #c2c2c2 solid; border-left: none; margin-top: 69px; vertical-align: middle; }

.list-wire > .link-wirebox > .link-wire2 { display: inline-block; width: 58px; height: 1px; background-color: #c2c2c2; vertical-align: middle; margin-top: 74px; }

.list-wire > .link-line { width: 171px; height: 1px; background-color: #c2c2c2; margin-top: 204px; }

.list-wire2 > .link-wirebox { margin-top: 386px; }

.list-wire2 > .link-wirebox > .link-wire1 { display: inline-block; width: 64px; height: 309px; border: 1px #c2c2c2 solid; border-left: none; margin-top: 139px; vertical-align: middle; height: 278px; }

.list-wire2 > .link-wirebox > .link-wire2 { display: inline-block; width: 58px; height: 1px; background-color: #c2c2c2; vertical-align: middle; margin-top: 122px; }

.event-type-1 .link-0 { float: left; display: block; width: 85px; height: 156px; box-sizing: border-box; border-top: 1px #c2c2c2 solid; border-bottom: 1px #c2c2c2 solid; margin-top: 106px; }

.event-type-1 .link-1 { float: left; display: block; margin-top: 106px; background-position: 0 -452px; width: 110px; height: 155px; }
